<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html>
<head>
    <title>投诉</title>
<script type="text/javascript" src="<%=path%>/components/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript" src="<%=path%>/components/select/bootstrap-select.js"></script>
<link rel="stylesheet" type="text/css"  href="<%=path%>/components/select/bootstrap-select.css"/>
<link rel="stylesheet" type="text/css" href="<%=path%>/components/bootstrap/css/bootstrap.min.css" />
<script type="text/javascript" src="<%=path%>/components/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="<%=path%>/components/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="<%=path%>/components/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<link href="<%=path%>/components/datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
<script type="text/javascript" src="<%=path%>/components/fileupload/script.js"></script>
</head>
<body>
<div class="container">
 <form id="modifyForm" class="form-signin" role="form"  method="post" enctype="multipart/form-data">
 <input type="hidden" name="id" value="${id}"/>
 <input type="hidden" name="token" value="${token}"/>
 <input type="hidden" name="openId" value="${openId}"/>
	<table  class="table table-bordered">
		<c:forEach var="complaint" items="${complaints}">
		<tr>
			<td>
				<div  class="alert alert-info">
					<div class="row">
						<div class="col-sm-4">工地:${complaint.communityName}-${complaint.communityNum}</div>
		  				<div class="col-sm-4">姓名:${complaint.userName},电话:${complaint.phone}</div>
		  				<div class="col-sm-4">投诉日期:<fmt:formatDate value="${complaint.createTime}" type="date" pattern="yyyy年MM月dd日"/></div>
					</div>
				</div>
				<div>
					<div class="row">
						<div class="col-sm-4">
							<div>
							<c:forEach var="fileUrl" items="${complaint.fileUrls}">
								<img class="img-rounded" src="<%=basePath%>${fileUrl}" style="width: 120px;height: 120px">
							</c:forEach>
							</div>
							<div>${complaint.problem}</div>
						</div>
					</div>
				</div>
			</td>
		</tr>
		</c:forEach>
	</table>
	</form>
</div>
</body>
</html>
